<%--
  Created by IntelliJ IDEA.
  User: z5727
  Date: 2022/10/26
  Time: 18:57
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<c:set value="${pageContext.request.contextPath}" var="path"></c:set>
<!doctype html>
<html lang="en" class="pxp-root">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link rel="shortcut icon" href="/static/web/images/favicon.png" type="image/x-icon">
    <link rel="preconnect" href="https://fonts.googleapis.com/">
    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600;700&display=swap" rel="stylesheet">
    <link href="/static/web/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/static/web/css/font-awesome.min.css">
    <link rel="stylesheet" href="/static/web/css/owl.carousel.min.css">
    <link rel="stylesheet" href="/static/web/css/owl.theme.default.min.css">
    <link rel="stylesheet" href="/static/web/css/animate.css">
    <link rel="stylesheet" href="/static/web/css/style.css">

    <title>Jobster - Single candidate v3</title>
</head>
<body>
<div class="pxp-preloader"><span>Loading...</span></div>


<jsp:include page="/web/personal/inc/indexHead"/>

<section>
    <div class="pxp-container">
        <div class="pxp-single-candidate-container">
            <div class="row justify-content-center">
                <div class="col-xl-9">
                    <div class="pxp-single-candidate-hero pxp-cover pxp-boxed" style="background-image: url(/static/web/images/company-hero-2.jpg);">
                        <div class="pxp-hero-opacity"></div>
                        <div class="pxp-single-candidate-hero-caption">
                            <div class="pxp-single-candidate-hero-content d-block text-center">
                                <div class="pxp-single-candidate-hero-avatar d-inline-block" style="background-image: url(/static/web/images/${requestScope.Users.face});"></div>
                                <div class="pxp-single-candidate-hero-name ms-0 mt-3">
                                    <h1>${requestScope.Users.name}</h1>
                                    <div class="pxp-single-candidate-hero-title"><span class="fa fa-globe"></span> ${requestScope.Users.nowIn}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row mt-4 mt-lg-5">
                        <div class="col-lg-7 col-xxl-8">
                            <div class="pxp-single-candidate-content">
                                <h2>个人介绍</h2>
                                <p>${requestScope.Users.introduction}</p>


                                <div class="mt-4 mt-lg-5">
                                    <h2>技能</h2>
                                    <div class="pxp-single-candidate-skills">
                                        <ul class="list-unstyled">
                                            <c:forEach items="${requestScope.Users.technologies}" var="technologie">
                                                <li>${technologie.technologyLabel}</li>
                                            </c:forEach>
                                        </ul>
                                    </div>
                                </div>

                                <div class="mt-4 mt-lg-5">
                                    <h2>工作经验</h2>
                                    <div class="pxp-single-candidate-timeline">
                                    <c:forEach items="${requestScope.workExperienceList}" var="workExperience">
                                        <div class="pxp-single-candidate-timeline-item">
                                            <div class="pxp-single-candidate-timeline-dot"></div>
                                            <div class="pxp-single-candidate-timeline-info ms-3">
                                                <div class="pxp-single-candidate-timeline-time"><span class="me-3" style="width: 140px;"><fmt:formatDate value="${workExperience.inServiceTime}" pattern="yyyy-MM"/>    至 <fmt:formatDate value="${workExperience.outServiceTime}" pattern="yyyy-MM"/></span></div>
                                                <div class="pxp-single-candidate-timeline-position mt-2">${workExperience.name}</div>
                                                <div class="pxp-single-candidate-timeline-company pxp-text-light">${workExperience.companyName}</div>
                                                <div class="pxp-single-candidate-timeline-about mt-2 pb-4">${workExperience.jobDescription}</div>
                                            </div>
                                        </div>
                                        </c:forEach>
                                    </div>
                                </div>

                                <div class="mt-4 mt-lg-5">
                                    <h2>教育经历</h2>
                                    <div class="pxp-single-candidate-timeline">
                                        <c:forEach items="${requestScope.educationalExperienceList}" var="educationalExperience">
                                            <div class="pxp-single-candidate-timeline-item">
                                                <div class="pxp-single-candidate-timeline-dot"></div>
                                                <div class="pxp-single-candidate-timeline-info ms-3">
                                                    <div class="pxp-single-candidate-timeline-time"><span class="me-3" style="width: 140px;"><fmt:formatDate value="${educationalExperience.beginTime}" pattern="yyyy-MM"/> 至 <fmt:formatDate value="${educationalExperience.endTime}" pattern="yyyy-MM"/></span></div>
                                                    <div class="pxp-single-candidate-timeline-position mt-2">${educationalExperience.schoolName}</div>
                                                    <div class="pxp-single-candidate-timeline-company pxp-text-light">${requestScope.Users.education.educationName}</div>
                                                    <div class="pxp-single-candidate-timeline-about mt-2 pb-4">${educationalExperience.introduction}</div>
                                                </div>
                                            </div>
                                            </c:forEach>
                                    </div>
                                </div>
                                <div class="mt-4 mt-lg-5">
                                    <h2>学生干部经历</h2>
                                    <div class="pxp-single-candidate-timeline">
                                        <c:forEach items="${requestScope.studentCadreExperienceList}" var="studentCadreExperience">
                                            <div class="pxp-single-candidate-timeline-item">
                                                <div class="pxp-single-candidate-timeline-dot"></div>
                                                <div class="pxp-single-candidate-timeline-info ms-3">
                                                    <div class="pxp-single-candidate-timeline-time"><span class="me-3" style="width: 140px;"><fmt:formatDate value="${studentCadreExperience.beginTime}" pattern="yyyy-MM"/> 至 <fmt:formatDate value="${studentCadreExperience.endTime}" pattern="yyyy-MM"/></span></div>
                                                    <div class="pxp-single-candidate-timeline-position mt-2">${studentCadreExperience.rankOfCadre}</div>
<%--                                                    <div class="pxp-single-candidate-timeline-company pxp-text-light">${requestScope.Users.education.educationName}</div>--%>
                                                    <div class="pxp-single-candidate-timeline-about mt-2 pb-4">${studentCadreExperience.introduction}</div>
                                                </div>
                                            </div>
                                        </c:forEach>
                                    </div>
                                </div>
                                <div class="mt-4">
                                        <h2>所获荣誉</h2>
                                        <ul>
                                            <c:forEach items="${requestScope.Users.honorsWons}" var="honorsWon">
                                                <li><div class="pxp-single-candidate-timeline-position mt-2">${honorsWon.honorsWonInfo}</div></li>
                                            </c:forEach>
<%--                                            <li>Be involved in every step of the product design cycle from discovery to developer handoff and user acceptance testing.</li>--%>
<%--                                            <li>Work with BAs, product managers and tech teams to lead the Product Design</li>--%>
<%--                                            <li>Maintain quality of the design process and ensure that when designs are translated into code they accurately reflect the design specifications.</li>--%>
<%--                                            <li>Accurately estimate design tickets during planning sessions.</li>--%>
<%--                                            <li>Contribute to sketching sessions involving non-designersCreate, iterate and maintain UI deliverables including sketch files, style guides, high fidelity prototypes, micro interaction specifications and pattern libraries.</li>--%>
<%--                                            <li>Ensure design choices are data led by identifying assumptions to test each sprint, and work with the analysts in your team to plan moderated usability test sessions.</li>--%>
<%--                                            <li>Design pixel perfect responsive UI’s and understand that adopting common interface patterns is better for UX than reinventing the wheel</li>--%>
<%--                                            <li>Present your work to the wider business at Show &amp; Tell sessions.</li>--%>
                                        </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-5 col-xxl-4">
                            <div class="pxp-single-candidate-side-panel mt-5 mt-lg-0">
                                <div>
                                    <div class="pxp-single-candidate-side-info-label pxp-text-light">Email</div>
                                    <div class="pxp-single-candidate-side-info-data">${requestScope.Users.email}</div>
                                </div>
                                <div class="mt-4">
                                    <div class="pxp-single-candidate-side-info-label pxp-text-light">联系电话</div>
                                    <div class="pxp-single-candidate-side-info-data">${requestScope.Users.phone}</div>
                                </div>
                                <div class="mt-4">
                                    <div class="pxp-single-candidate-side-info-label pxp-text-light">所学专业</div>
                                    <div class="pxp-single-candidate-side-info-data">${requestScope.Users.major}</div>
                                </div>
                                <div class="mt-4">
                                    <div class="pxp-single-candidate-side-info-label pxp-text-light">民族</div>
                                    <div class="pxp-single-candidate-side-info-data">${requestScope.Users.national}</div>
                                </div>
                                <div class="mt-4">
                                    <div class="pxp-single-candidate-side-info-label pxp-text-light">现居地</div>
                                    <div class="pxp-single-candidate-side-info-data">${requestScope.Users.nowIn}</div>
                                </div>
                                <div class="mt-4">
                                    <div class="pxp-single-candidate-side-info-label pxp-text-light">政治面貌</div>
                                    <div class="pxp-single-candidate-side-info-data">${requestScope.Users.politicalLandscape}</div>
                                </div>
                                <div class="mt-4">
                                    <div class="pxp-single-candidate-side-info-label pxp-text-light">求职状态</div>
                                    <div class="pxp-single-candidate-side-info-data">${requestScope.Users.jobStatus.jobStatusInfo}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                                    </div>
                                </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<jsp:include page="/web/personal/inc/indexFoot"/>

<script src="/static/web/js/jquery-3.4.1.min.js"></script>
<script src="/static/web/js/bootstrap.bundle.min.js"></script>
<script src="/static/web/js/owl.carousel.min.js"></script>
<script src="/static/web/js/nav.js"></script>
<script src="/static/web/js/main.js"></script>
<script type="text/javascript">
    $(function (){

    })
</script>
</body>
</html>
